 <template>
 	<uv-popup ref="popupRef" mode="center" bg-color="transparent" :overlay-style="{
      'background': `rgba(0, 0, 0,0.5)`}" @mask-click="close">
 		<view class="popup-content relative">
 			<view class="box">
 				<view class="top_img">
 					<image src="@/static/img/ticket/close.png" mode="" @click="close" />
 				</view>
 				<view class="top_cont">
 					<image class="bg_img"
 						src="https://seven-3121.obs.cn-north-4.myhuaweicloud.com/2025%2F7%2F14%2Fmodal_bg.png" mode="">
 					</image>
 					<view class="t_img">
 						<image src="@/static/img/treasure/fail.png"></image>
 					</view>
 					<view class="t_title font-ysbth">
 						无效核验
 					</view>
 					<view class="text_tip">
 						未找到相关购票信息
 					</view>
 					<view class="ab_btn" @click="close">
 						关闭弹窗
 					</view>
 				</view>
 			</view>
 		</view>
 	</uv-popup>
 </template>


 <script>
 	export default {
 		data() {
 			return {}
 		},
 		// created() {
 		// 	var that = this
 		// 	that.$nextTick(() => {
 		// 		that.$refs.popupRef.open('center')
 		// 	})
 		// },
 		methods: {
 			open() {
 				this.$refs.popupRef.open('center')
 				this.$emit('onOpen')
 			},
 			close() {
 				this.$refs.popupRef.close()
 				this.$emit('onClose')
 			}
 		}
 	}
 </script>


 <style lang="scss" scoped>
 	.box {
 		width: 538rpx;
 		height: auto;
 		border-radius: 16rpx;
 		overflow: hidden;
 	}

 	.top_img {
 		width: 100%;
 		height: 120rpx;
 		text-align: right;
 	}

 	.top_img image {
 		width: 120rpx;
 		height: 120rpx;
 		cursor: pointer;
 	}

 	.top_cont {
 		width: 100%;
 		height: auto;
 		border-radius: 16rpx;
 		position: relative;
 		background: linear-gradient(180deg, #E3EEFF 0%, #FBFBFF 100%);
 		overflow: hidden;
 	}

 	.bg_img {
 		width: 304rpx;
 		height: 304rpx;
 		position: absolute;
 		top: 0;
 		right: 0;
 		z-index: 1;
 	}

 	.t_title {
 		font-size: 48rpx;
 		color: #438DFF;
 		margin-bottom: 40rpx;
 		text-align: center;
 	}

 	.text_tip {
 		font-family: Source Han Sans;
 		font-size: 28rpx;
 		color: rgba(0, 0, 0, 0.4);
 		text-align: center;
 		margin-bottom: 70rpx;
 	}

 	.t_img {
 		width: 150rpx;
 		height: 150rpx;
 		margin: auto;
 		margin-top: 108rpx;
 		margin-bottom: 20rpx;
 	}

 	.t_img image {
 		width: 100%;
 		height: 100%;
 	}

 	.ab_btn {
 		width: 212rpx;
 		height: 64rpx;
 		border-radius: 76rpx;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		background: transparent;
 		border: 1px solid rgba(0, 0, 0, 0.3);
 		font-family: Source Han Sans;
 		font-size: 32rpx;
 		font-weight: 500;
 		color: rgba(0, 0, 0, 0.3);
 		margin: auto;
 		margin-bottom: 108rpx;
 	}
 </style>